<!DOCTYPE html>
<html>
<head>
    <title>Mercedes-BenZ-MyMercedes</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, user-scalable=no,  minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/kefu.css">
    <style type="text/css">
        * {
            padding: 0px;
            margin: 0px;
        }

        html, body {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .wechatti {
            width: 100%;
            height: auto;
        }

        .containerMyMercedes {
            width: 100%;
            height: 100%;
            overflow: hidden;
            background: url("img/My-Mercedes.png") 0 0 no-repeat;
            background-size: 100%;
        }

        .backHome {
            position: absolute;
            width: 20%;
            height: auto;
            top: 15%;
            left: 4.7%;
        }

        .onlineBuy {
            position: absolute;
            width: 30%;
            height: auto;
            bottom: 20%;
            right: 8%;
        }

        .backHome img, .onlineBuy img {
            width: 100%;
            height: 100%;
        }

        .wechatti a {
            position: absolute;
            width: 50px;
            height: 40px;
            right: 5px;
            top: 20px;
        }

        .share_dialog, .share_dialog img {
            width: 100%;
            height: auto;
            position: fixed;
            left: 0;
            bottom: 0;
        }
    </style>
</head>
<body>
<div class="containerMyMercedes">
    <div class="wechatti">
        <a href="javascript:void(0)" id="fenshare"></a>
    </div>
    <div class="backHome">
        <img src="img/home.png">
    </div>
    <div class="onlineBuy">
        <img src="img/buy_online.png">
    </div>
</div>
<div class="containerdialog">
    <div class="headImg">
        <img src="img/headimg.png" class="head_img">
        <img src="img/homepage.png" class="menu1">
        <img src="img/menu2.png" class="menu2">
        <img src="img/menu3.png" class="menu3">
        <img src="img/menu4.png" class="menu4">
        <img src="img/menu5.png" class="menu5">
        <img src="img/menu6.png" class="menu6">
        <img src="img/menu7.png" class="menu7">
        <img src="img/footerClose.png" class="footer_img">
    </div>
    <div class="footerClose" id="fooClose">
        <img src="img/close2.png">
    </div>
</div>
<div class="contain_share1">
    <div class="share_dialog">
        <img src="img/sharepng.png">

        <div id="share_btn2"><a href="javascript:void(0)"></a></div>
    </div>

</div>
<div class="ke" id="kefu">
    <img src="img/kefu1.png" id="duihua">
</div>
<div class="contain_share">
    <div class="share_dialog">
        <a href="javascript:void(0)" class="close"></a>
        <img src="img/dialog.png">
    </div>
</div>
<script type="text/javascript" src="lib/zepto.min.js"></script>
<script type="text/javascript" src="js/kefu.js"></script>
<script type="text/javascript">
    $(function () {
        if ($(window).height() < 500) {
            $(".onlineBuy").css("bottom", "5%");
        }
        $("#fooClose").click(function () {
            $(".containerdialog").css("display", "none");
            $("body").css({"overflow": "visible"});
        })
        $("#daohang").click(function () {
            $(".containerdialog").css("display", "block");
            $("body").css({"overflow": "hidden"});
        })
        $("#duihua").click(function () {
            foo = true;

        })
        $("")
        $(".backHome").click(function () {
            window.open("female.html", "_self");
        })
        $(".onlineBuy").click(function () {
            window.open("detailspdp.html", "_self")
        })
        $("#fenshare").click(function () {
            $(".contain_share1").css("display", "block");
        })
        $("#share_btn2").click(function () {
            window.open("sharefemale.html", '_self');
        })
        $(".menu1").click(function () {
            window.open("female.html", "_self");
        })
        $(".menu4").click(function () {
            window.open("myFavourite.html", "_self");
        })
        $(".menu5").click(function () {
            window.open("order.html", "_self");
        })
    })
</script>
</body>
</html>